<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>
export default {
  name: 'App',
  mounted(){
    this.changeWidth(()=>{
      window.location.reload() 
    })
  },
}
</script>

<style>
body {
  margin: 0px !important;
  overflow: hidden;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE 10+ */

}
::-webkit-scrollbar {
  display: none; /* Chrome Safari */
}
body::-webkit-scrollbar {
    width: 0px;
    background-color: rgba(0, 0, 0, 0);
}
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  width: 1920px;
  height: 1080px;
  background: url('assets/img/pagebg.png');
  background-size: 1920px 1080px;
}
 
/*设置未选中页数的样式*/
.el-pagination.is-background .btn-next, 
.el-pagination.is-background .btn-prev, 
.el-pagination.is-background .el-pager li{
  background:rgba(0, 86, 251, .2);
}
/*设置当前页码的样式，及鼠标移上其他页码时的样式,以及左右箭头鼠标移上的样式*/
.el-pager li.active,.el-pager li:hover,
.el-pagination button:hover {
    color: white !important;
}
 
/*设置当前选中页数的样式*/
.el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: #409EFF;
 
}

.el-pagination__editor.el-input .el-input__inner {
  background: none;
  border-color:#409EFF;
  color:white;
}

.el-pagination.is-background .btn-next.disabled,
 .el-pagination.is-background .btn-next:disabled,
  .el-pagination.is-background .btn-prev.disabled,
   .el-pagination.is-background .btn-prev:disabled,
    .el-pagination.is-background .el-pager li.disabled{
    color: #606266;

}

.el-pagination.is-background .btn-next,
 .el-pagination.is-background .btn-prev,
  .el-pagination.is-background .el-pager li{
    color: #C0C4CC;
  }

 
</style>
 